<%-- 
    Document   : prova
    Created on : 5-apr-2013, 9.29.49
    Author     : Giuseppe
--%>


<%@page import="ejb.Videogame"%>
<%@include file="wrapper.jsp" %>
<%@page import="java.util.List"%>
<%@page import="ejb.Utente"%>
<%@page import="ejb.ArticoloNuovo"%>
<%@page import="ejb.ArticoloUsato"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%
     List<Videogame> videogiochi=(List<Videogame>)request.getAttribute("listVideogiochi"); 
     session.setAttribute("listVideogiochi",videogiochi);
     List<ArticoloUsato> usatiDaConfermare= (List<ArticoloUsato>)session.getAttribute("usatiDaConfermare");
%>

<script>
 $(document).ready(function(){
 $("#nome").keyup(function(event){
 callAjax($("#nome"),'videogiochi');
 event.preventDefault();
 });
 callAjax($("#nome"),'videogiochi');
});

function callAjax(params, div){
	$.ajax({
			type: "POST",
			url: "ListaVideogiochiPerArticolo?actionType="+params,
			data: params,
			success: function(msg){
				$("#" + div).html(msg);
			}
		});
}
</script>

   <div class="container">
    <div class="row-fluid">
        <div class="span3 bs-docs-sidebar">
        <ul class="nav nav-list bs-docs-sidenav">
            <li><a href="Controller?button=visualizzaArticoli&typeView=All"> 
                <button class="btn btn-large btn-inverse btn-block"><i class="icon-white icon-th-list"></i> Tutti gli Articoli</button> </a></li>
                <li><a href="Controller?button=modificaCancellaArtNuovi"> 
                <button class="btn btn-large btn-inverse btn-block"><i class="icon-white icon-th-list"></i> Articoli Nuovi</button> </a></li>
                <li><a href="Controller?button=modificaCancellaArtUsati&confirm=n"> 
                <button class="btn btn-large btn-inverse btn-block"><i class="icon-white icon-th-list"></i> Articoli Usati</button> </a></li>
        </ul>
      </div>   
      
<div class="span6">
    <div class="thumbnail">
    <h3>Inserisci Articolo Nuovo</h3>
    <form class="form-horizontal" action="Controller" method="POST" onsubmit="return checkNewArticle(this)">
    <div class="control-group">
    <label class="control-label" for="inputNome">Nome:</label>
    <div class="controls">
      <input name="nome" type="text" id="nome" placeholder="Nome">
    </div>
     
    </div>    
    <div class="control-group">
    <label class="control-label" for="inputVideogiochi">Videogiochi:</label>
      <div class="controls" id="videogiochi">
    </div>
    
    </div>    
     <div class="control-group">
    <label class="control-label" for="inputDescr">Descrizione generale:</label>
    <div class="controls">
        <textarea name="descrizione" id="inputDescr" placeholder="Descrizione generale" rows="5"></textarea>
    </div>
    </div>   
    <div class="control-group">
    <label class="control-label" for="inputPrezzo">Prezzo:</label>
    <div class="controls">
      <input name="prezzo" type="text" id="inputPrezzo" placeholder="Prezzo">
    </div>
    </div> 
      <div class="control-group">
    <label class="control-label" for="inputPrezzo">Disponibilità:</label>
    <div class="controls">
      <input name="disponibilita" type="text" id="inputPrezzo" value="1">
    </div>
    </div> 
    <div class="control-group">
    <label class="control-label" for="inputPrezzo">Sconto:</label>
    <div class="controls">
      <input name="sconti" type="text" id="inputPrezzo" placeholder="sconto 0-100">
    </div>
    </div> 
    <div class="control-group">
    <label class="control-label" for="inputPath">Percorso immagine:</label>
    <div class="controls">
        <input id="immagine" type="file" style="display:none">
        <div class="input-append">
            <input id="pathImmagine" class="input-large" readonly="readonly" type="text" style="width:150px" name="pathImmagine" placeholder="Percorso" >
            <a class="btn btn-inverse" onclick="$('input[id=immagine]').click();">Cerca File</a>
        </div>
        <script type="text/javascript">
            $('input[id=immagine]').change(function() {
                var path=$(this).val();
//                var toRemove=path.substr(0,12);
//                var pathClear=path.replace(toRemove,'');
                  $('#pathImmagine').val(path);
//                $('#pathImmagine').val(pathClear);
            });
            
          
        </script>
        
    </div>
    </div>
        <label id="erroreDati" style="padding-left: 150px;color: red;"></label>
    <div class="control-group">
       <label class="control-label" style="padding-left: 150px"><button  class="btn btn-small btn-inverse btn success" type="submit" value="inserisciArtNuovo" name="button" ><i class="icon-white icon-ok"></i>Aggiungi Articolo</button></label>
    </div>    
</form>
</div>
</div>
<div class="span3">
  <div class="thumbnail">
                 <p><b>Notes</b></p>
                 <br>
                 <% if(!usatiDaConfermare.isEmpty()){%>
                    <p> Ancora <%=usatiDaConfermare.size()%> articoli da confermare </p>
                    <br>
                    <p align="center">
                        <a href="Controller?button=modificaCancellaArtUsati&amp;confirm=s">
                            <button class="btn btn-inverse btn-small"><i class="icon-white icon-th-list"></i> Vedi Articoli da confermare</button>
                        </a>
                    </p>
                 <%}else{%>
                 <p> Nessun articolo da confermare </p>
                <%}%>      
            </div>
    </div>
</div>
</div>
</body>
</html>
